<style type="text/css">
    .bui-bar-main {
        height: 1rem;
        font-family: 'Microsoft YaHei';
        font-weight: bold;
        font-size: 0.4rem;
        letter-spacing: 0.05rem;
    }
    .header-box{
        background-color: red;
        height: 1.085rem;
    }
    .header-left{
        margin-left: 0rem;
        background-color: red;
        color: white;
        width: 1rem;
    }
    .header-left .bui-btn{
        background-color: red;
        border-width: 0rem;
        
    }

    .header-right{
        background-color: red;
        color: white;
        width: 1rem;
        margin-right: 70px;
    }

    .header-title {
        font-size: 0.4rem;
        height: 1.085rem;
        font-family: 'Microsoft YaHei';
        font-weight: bold;
        
        color: white;
        letter-spacing: 0.05rem;
        margin-left: 1.4rem;
    }
    #btn_share i {
        color: white;
    }
    #btn_share span {
        color: white;
        font-size: 0.2rem;
    }

    #btn_collect span {
        color: white;
        font-size: 0.2rem;
    }
    
    .detail {
        background-color: white;
        border-radius: 0.5rem;
        margin: 0.3rem 0.1rem 0.1rem 0.3rem;
        padding-top: 0.1rem;
    }
    .detail ul {
        margin: auto 0.2rem;
        line-height: 1rem;
        width: 100%;
    }
    .detail-box {
        background-color: transparent;
    }
    .detail-title {
        width: 1.8rem;
        font-weight: bold;
        margin-left: 0.2rem;
        margin-right: 0.1rem;
        color: #7b8881;
    }
    .detail-icon-img{
        width: 0.5rem;
        height: 0.5rem;
    }
    .detail-content {
        font-weight: bold;

    }
    .btn-able{
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        border-radius: 50px;
        background-color: red;
        color: white;
    }
    .btn-disable{
        
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        border-radius: 50px;
        background-color: #675f5f;
        color: white;
    }
    #addressmap{
        border-width: 0rem;
        padding: 0rem;
    }
    /* .header-right .bui-btn{
	    background-color: red;
	    border-width: 0rem;
	    
	} */

    #btn-collect {
        width: 150px;
        background-color: red;
        border-width: 0rem;
    }
    .icon-collect img {
        width: 0.55rem;
        height: 0.55rem;
    }
    #btn_shared img{
        margin-left: 5px;
        width: 0.55rem;
        height: 0.55rem;
    }
    
</style>
<div class="bui-page bui-box-vertical" id="activitydetail">
    <header>
       <!-- <div class="bui-bar" style="background-color: red;height: 1.085rem;">
        <div class="bui-bar-left">
            <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
        </div>
        <div class="bui-bar-main bui-box-center">
                活动详情
        </div>
        <div class="bui-bar-right bui-box-align-middle" style="width: 2.45rem;">
            
            <div id="btn_share" class="bui-btn span6" href="#"><div class="bui-box-align-middle">
                <i class="icon-share"></i>
                <span>分享</span>
            </div></div>
            <div id="btn_collect" class="bui-btn span6"><div class="bui-box-align-middle">
                <i class="icon-collect"><img src="../../images/other/star1.png"></i>
                <span>收藏</span>
            </div></div>
        </div>
       </div> -->
        <div class="bui-box header-box">
            <div class="bui-box-center header-left">
                <a class="bui-btn" onclick="bui.back();"><i class="icon-back"></i></a>
            </div>
            
            <div class="bui-box-center header-title span1">
            <span>寻找</span>
            </div>
            <div class="bui-box-center header-right">
                <div class="bui-btn" id="btn-collect">
                    <i class="icon-collect" id="btn-collect2"><img src="images/other/star1.png"></i>
                    <a id="btn_shared"><img src="images/activitydetail/share_64_white.png"></img></a>
                </div>
            </div>
        </div>
    </header>
    
    <main class="panel-activity">
        <div class="bui-box detail">
            <ul class="bui-list">
                <li class="bui-box detail-box">
                    <i class="detail-icon bui-box-center">
                        <img class="detail-icon-img" src="images/activitydetail/sp201029_192326.png">
                    </i>
                    <div class="detail-title">活动类型：</div>
                    <div class="span1 detail-content" id="actype"></div>
                </li>
                <li class="bui-box detail-box">
                    <i class="detail-icon bui-box-center">
                        <img class="detail-icon-img" src="images/activitydetail/sp201029_192356.png">
                    </i>
                    <div class="detail-title">活动名称：</div>
                    <div class="span1 detail-content" id="acname"></div>
                </li>
                <li class="bui-box detail-box">
                    <i class="detail-icon bui-box-center">
                        <img class="detail-icon-img" src="images/activitydetail/sp201029_192434.png">
                    </i>
                    <div class="detail-title">活动内容：</div>
                    <div class="span1 detail-content" id="accontent"></div>
                </li>
                <li class="bui-box detail-box">
                    <i class="detail-icon bui-box-center">
                        <img class="detail-icon-img" src="images/activitydetail/sp201029_192502.png">
                    </i>
                    <div class="detail-title">时间：</div>
                    <div class="span1 detail-content" id="actime"></div>
                </li>
                <li class="bui-box detail-box">
                    <i class="detail-icon bui-box-center">
                        <img class="detail-icon-img" src="images/activitydetail/sp201029_192530.png">
                    </i>
                    <div class="detail-title">地点：</div>
                    
                    <div class="bui-btn bui-box bui-box-center span1" id="addressmap">
                        <div class="span1 detail-content" id="acaddress"></div>
                        <i class="icon-address">
                            <img src="images/other/place_32.png" style="width: 13.5px; height: 13.5px">
                        </i>
                    </div>
                    
                </li>
                <li class="bui-box detail-box">
                    <i class="detail-icon bui-box-center">
                        <img class="detail-icon-img" src="images/activitydetail/sp201029_192208.png">
                    </i>
                    <div class="detail-title">活动费用：</div>
                    <div class="span1 detail-content" id="acfee"></div>
                    <div style="font-weight: bold;">元</div>
                </li>
                <li class="bui-box detail-box">
                    <i class="detail-icon bui-box-center">
                        <img class="detail-icon-img" src="images/activitydetail/sp201029_192215.png">
                    </i>
                    <div class="detail-title">已参加人数：</div>
                    <div class="span1 detail-content" id="acnum"></div>
                </li>
            </ul>
        </div>
        <div class="container-xy"><div id="btn_attend" class="bui-btn"></div></div>
    </main>
    
</div>
</div>
<div id="weixinShareDialog" class="bui-dialog" style="display: none;">
    <div class="bui-dialog-head">链接分享</div>
    <div class="bui-dialog-foot">
        <div class="bui-box-vertical">
            <div class="span1">
                <div class="bui-btn" id="weixinShareFriend">微信好友</div>
            </div>
            <div class="span1">
                <div class="bui-btn"id="weixinShareFriendGroup">微信朋友圈</div>
            </div>
            <div class="span1">
                <div class="bui-btn">取消</div>
            </div>
        </div>
    </div>
    <div class="bui-dialog-close"><i class="icon-close"></i></div>
</div>
<script>
    var shares=null;
    var Intent=null,File1=null,Uri=null,main=null;
    var aid=null,aname=null,acon=null,atime=null,aadd=null,amoney=null,anumber=null;

    // 分析链接
    function shareHref(actId,actName,actContent,actTime,actAddress,actMoney,actNumber,shareType){
        
        var Type=shareType;
        aid=actId;
        aname=actName;
        acon=actContent;
        atime=actTime;
        aadd=actAddress;
        amoney=actMoney;
        anumber=actNumber;
        
        
        var webMsg="?actId="+aid+
                "&actName="+aname+
                "&actContent="+acon+
                "&actTime="+atime+
                "&actAddress="+aadd+
                "&actMoney="+amoney+
                "&actNumber="+anumber;

        var wxPlus = api.require('wxPlus');
        var wxPlus = api.require('wxPlus');
        wxPlus.isInstalled(function(ret, err) {
            if (ret.installed) {
                
                wxPlus.shareWebpage({
                apiKey: 'wxcfb87d506d8ccd19',
                scene: Type,
                title: '聚欢活动分享',
                description: '我分享了聚欢上的活动，快啦围观哦！',
                contentUrl: 'https://www.funtogether.top/share'+webMsg
                }, function(ret, err) {
                if (ret.status) {
                    bui.hint({ content: "<i class='icon-check'></i><br />分享成功", position: "center", effect: "fadeInDown" });
                } else {
                    if(err.code==2)
                        bui.hint("您已取消分享");
                    else
                        bui.hint("分享失败");

                }
                });
            }
            else{
                alert("当前设备未安装微信客户端");
                return;
            }
        });

       

    }
    // export default{
    //   shareHref // 因为我使用的是vue 所以对外输出给vue使用
    // }

</script>